<h1>
<img src=<%= @conferencia.cargarImagen() %> class="img-thumbnail" style="border-radius: 5%; height:60px;">
<%= @conferencia.nombre	%>
</h1>

<h2><span class="glyphicon glyphicon-list"/>&nbsp;Lista de charlas</h2>

<br>
<table class="table"> 
	<thead>
		<tr>
			<th class="col-md-4">Título</th>
	        <th class="col-md-4">Descripcion</th>
		</tr>
	</thead>
	<tbody>
			<% @list.each do | charla | %>
				<tr>
					<td> 
					  <h3><%= charla.titulo%></h3>
					  <div>
						<img class="img-circle" style="width: 80px; height: 80px;" src="<%=charla.usuario.cargarImagen()%>"/>
						<a href="#" data-toggle="modal" data-target="#basicModalUsuario" 
						onclick="abrirModalUsuario(<%= charla.id %>)"><%= charla.usuario.nombre + " " + charla.usuario.apellido%></a>
					  </div>
					  <div class="modal fade" id="basicModalUsuario_<%= charla.id %>" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
						<div class="modal-dialog">
						  <div class="modal-content">
						  	<div class="modal-header">
						        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
						        <h4 class="modal-title"><%= charla.usuario.nombre + " " + charla.usuario.apellido%></h4>
	  				        </div>
	  				        <div class="modal-body">
					        	<table>
	  				        	   <tr>
	  				        		  <td style="width: 150px" >
	  				        			 <img src=<%= charla.usuario.cargarImagen() %> class="img-thumbnail" style="border-radius: 5%; height:150px; width:150px">
	  				        		  </td>
	  				        		  <td style="padding-left: 10px">
	  				        			 <b>E-mail: </b> <%= charla.usuario.email %> <br/>
							        	 <b>Titulo: </b> <%= charla.usuario.titulo %> <br/>
							        	 <b>Resumen: </b> <%= charla.usuario.resumen %> <br/>
							        	 <b>Nombre Empresa: </b> <%= charla.usuario.nombreEmpresa %> <br/>
							        	 <b>Sitio web Empresa: </b>
							        	 <a href="<%= charla.usuario.sitioWebEmpresa %>" target="_blank"><%= charla.usuario.sitioWebEmpresa %></a> <br/>
					        		  </td>
					        	   </tr>
	  				        	</table>  
	  				        </div>
						    <div class="modal-footer">
						      	<button type="button" class="btn btn-default" data-dismiss="modal">Volver</button>		
						    </div>
						  </div>
						</div> 
					  </div>		 
	                </td>
					<td width="40%"> <%= charla.abstract%> </td>
	    		</tr>            
			<%end%>
	</tbody>
</table>
<form method="get" action="/listaConferencia">
	<input type="submit" value="Volver" onClick="volver(this)" class="btn btn-default"/>	
</form>
<script type="text/javascript">
	function abrirModalUsuario(idCharla){
		var options = { "backdrop" : "static" }
		$('#basicModalUsuario_' + idCharla).modal(options);
	}
</script>